@charset "UTF-8";

#section_header { position: relative; }
.header_top {width:100%;display:block;overflow:hidden;background:#ffffff;border-bottom:1px solid #898686}
.header_bottom {width:100%;display:block;overflow:hidden;background:#4d4d4d;}
.section_inner{width:1200px; margin:0 auto;padding:0;}

.header_top .logo {float:left; }
.header_top .logo a{color:#000;font-size: 26px;padding: 15px 10px 14px 10px;display: block;font-weight: 100;letter-spacing: -2px;}
.header_top .util {float:right; margin:0px 0 6px 0}
.header_top .util li { position:relative; display:inline-block; line-height:27px; padding:0 3px;}
.header_top .util li a{font-size:13px;padding:7px 5px 7px 5px;display:block;color:#686868}
.header_top .util li:after{content:""; display: block; position:absolute; top:18px; left:0; width:1px; height:9px; background:#464646;}
.header_top .util li:last-child:before {content:""; display: block; position:absolute; top:18px; right:0; width:1px; height:9px; background:#464646;}

.header_top .mobile_menu{display:none;cursor: pointer;}
.header_top .mobile_menu .bar01{width:20px;height:2px;background:#000;margin:6px auto 0;}
.header_top .mobile_menu .bar02{width:20px;height:2px;background:#000;margin:6px auto 0;}
.header_top .mobile_menu .bar03{width:20px;height:2px;background:#000;margin:6px auto 0;}

.header_bottom .gnb_area {}
.header_bottom .gnb_area .gnb {position: relative;max-width:1200px;margin:0 auto;overflow:hidden;display:flex; flex-direction:row;justify-content : center;justify-content : space-between}
.header_bottom .gnb_area .gnb li{position: relative;flex:1;text-align: center; overflow:hidden;padding:0;}
.header_bottom .gnb_area .gnb li a{display: block;text-align:center;margin:0 auto; font-size: 16px; color:#fff; font-weight: 500;padding:10px 0 10px 0; }

.header_bottom .gnb_area .gnb li:after{content: ''; position: absolute; top: 00px; left: 0; width: 1px; height: 39px; background: #464646;}
.header_bottom .gnb_area .gnb li:last-child:before{content: ''; position: absolute; top: 00px; right: 0; width: 1px; height: 39px; background: #464646;}
.header_bottom .gnb_area .gnb .gnb_btn_sel{width:100px;}


@media screen and (min-width: 320px) and (max-width:720px){
	.section_inner{width:100%; margin:0 auto;padding: 0 }
	.header_top .logo a{font-size: 22px;padding: 13px 10px 13px 10px;display: block;}
	.header_top .mobile_menu{float:right;display:block;border:1px solid #000;width:30px;height:30px;margin:10px;    }
	.header_top .util {display:none;}
	.header_bottom .gnb_area {display:none;}
}
@media screen and (min-width: 720px){
	.section_inner{width:100%; margin:0 auto;padding: 0 }
	.header_top .util {float:right; margin:0px 20px 6px 0}
	.header_bottom .gnb_area {}
}	
@media screen and (min-width: 1025px){
	.section_inner{width:1200px; margin:0 auto;padding:0;}
	.header_bottom .gnb_area {}
}
	